<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="index">
<head>
<meta charset="UTF-8" />
<title>Video.js 6.2.5</title>
<link href="/bootstrap-3.3.7-dist/Video5/css/video-js.min.css"
	rel="stylesheet">
</link>
<style>
.m {
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
</style>
</head>

<body class="video">
	<div layout:fragment="content" class="content">
		<video id="my-video" class="video-js" preload="auto" width="740"
			height="400" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
			<source src="rtmp://127.0.0.1:10935/hls/stream_2" type="rtmp/flv" />

			<p class="vjs-no-js">
				To view this video please enable JavaScript, and consider upgrading
				to a web browser that <a
					href="http://videojs.com/html5-video-support/" target="_blank">supports
					HTML5 video</a>
			</p>
		</video>
		<script src="/bootstrap-3.3.7-dist/Video5/js/video.min.js"></script>
		<script>
			    videojs.options.flash.swf = "/bootstrap-3.3.7-dist/Video5/js/video-js.swf";
			</script>
		<script type="text/javascript">
			var myPlayer = videojs('my-video');
			videojs("my-video").ready(function(){
				var myPlayer = this;
				myPlayer.play();
			});
		</script>
	</div>

</body>
</html>
